<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TreePanel.aspx.cs" Inherits="TreePanel" %>
<%@ Register Assembly="GridControl" Namespace="GridControl" TagPrefix="cc1" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<script>
    function DeleteNode(node){
        alert(node.text);
    }
</script>
  <style>
    div.messageTip {
    
        background:#FFFECD url(ico-message-tip.gif) no-repeat scroll 10px center;
        border:1px solid #C0C0C0;
        clear:left;
        color:#111111;
        font-weight:normal;
        margin:20px 0px;
        padding:5px 5px 5px 35px;
        width:50%
    }
    </style>
    <title>Sample of the new TreePane component</title>
</head>
<body>
    <form id="form1" runat="server">
    
        <div class="messageTip">
         This tree is loaded from a  database and uses events to update 
         the table if a node is edited or moved.Try it out !!
        </div>
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    <cc1:TreePane ID="TreePane" Editable="true" enableDD="true" Loader="TreeHandler.ashx" Width="400px" runat=server OnNodeEdited="TreePane_NodeEdited" OnNodeMoved="TreePane_NodeMoved" OnContextMenuClicked="TreePane_ContextMenuClicked">

    </cc1:TreePane>
        &nbsp;
     
    </div>
    </form>
</body>
</html>
